<!DOCTYPE html>
<html class="full-height" lang="en-US">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>郑小Z校园文化官网</title>
    <meta name="description" content="Material design landing page template built"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/mdb.min.css" rel="stylesheet">
    <link href="styles/main.css" rel="stylesheet">
    <link rel="icon" href="img\Cache_138cb353621eb256..png">
  </head>
  <body id="top">
    <header>
      <!-- Navbar-->
      <nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar" id="navbar">
        <div class="container"><a class="navbar-brand" href="#"><strong>郑小Z校园文化官网</strong></a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
          <div class="collapse navbar-collapse" id="navbarContent">
            <ul class="navbar-nav ml-auto">
              <li class="nav-item"><a class="nav-link active" href="#about">小Z介绍</a></li>
              <li class="nav-item"><a class="nav-link" href="#projects">小Z成果</a></li>
              <li class="nav-item"><a class="nav-link" href="#pricing">小Z目标</a></li>
              <li class="nav-item"><a class="nav-link" href="#team">部门之星</a></li>
              <li class="nav-item"><a class="nav-link" href="#contact">联系我们</a></li>
             <!--<audio controls src="https://document.youkeda.com/P3-1-HTML-CSS/1.2/nocturne.mp3">--> 
          </div>
        </div>
      </nav>
      <!-- Intro Section-->
      <section class="view hm-gradient" id="intro">
        <div class="full-bg-img d-flex align-items-center">
          <div class="container">
            <div class="row no-gutters">
              <div class="col-md-18 col-lg-10 text-center text-md-left margins">
                <div class="white-text">
                  <div class="wow fadeInLeft" data-wow-delay="0.3s">
                    <h1 class="h1-responsive font-bold mt-sm-18"><font size="7"><strong>郑小Z校园文化</strong></font></h1>
                    <div class="h6">
                      <p><font size="6"><strong>郑小Z校园文化</strong>是由郑大学子自主发起的专注于大学生成长的<strong>校园公益项目</strong> </font></p>
                    <P><font size="6">其自身是以郑州大学丰富的校园资源为依托，以鼓励广大青年学子养成终身成长思维为核心理念，以提供全面的成长活动、营造郑大良好的成长氛围为服务宗旨，集成长学习、主题分享、技能提升、项目实践、兴趣爱好多种形式于一体的<strong>开放式学习平台。</strong></font></p>
                    </div>
                  </div><br>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </header>
    <div id="content">
<section class="row no-gutters" id="features">
  <div class="col-lg-3 col-md-6 col-sm-12 deep-purple lighten-1 text-white">
    <div class="p-5 text-center wow zoomIn" data-wow-delay=".1s"><i class="fa fa-line-chart fa-2x"></i>
      <div class="h5 mt-3">郑小Z的形象</div>
      <p class="mt-5" style="text-align:left;" >郑小Z的形象是以郑州大学眉湖小天鹅为原型创作的。小天鹅生在郑大，长在郑大，与每一位郑大学子共度大学美好时光。</p>
    </div>
  </div>
  <div class="col-lg-3 col-md-6 purple lighten-1 text-white">
    <div class="p-5 text-center wow zoomIn" data-wow-delay=".3s"><i class="fa fa-industry fa-2x"></i>
      <div class="h5 mt-3">郑小Z的多彩团队</div>
      <p class="mt-5" style="text-align:left;" >郑小Z是一个拥有100多名覆盖多学科的成员和原创乐队的综合性校园文化成长团队。现设有综合项目管理部、短视频部、新媒体部、内容部、设计部等多个部门。
      </p>
    </div>
  </div>
  <div class="col-lg-3 col-md-6 teal lighten-1 text-white">
    <div class="p-5 text-center wow zoomIn" data-wow-delay=".5s"><i class="fa fa-users fa-2x"></i>
      <div class="h5 mt-3"> 郑小Z的成长活动</div>
      <p  class="mt-5"  style="text-align:left;">郑小Z校园文化是一个旨在为大学生提供更好成长互动的校园公益项目。截至目前，已陆续推出多项广受好评的成长活动，如：2019中秋诗词大会、21天成长训练营、小Z主题晚会等。</p>
    </div>
  </div>
  <div class="col-lg-3 col-md-6 light-blue lighten-1 text-white">
    <div class="p-5 text-center wow zoomIn" data-wow-delay=".7s"><i class="fa fa-bullhorn fa-2x"></i>
      <div class="h5 mt-3"> 郑小Z的文化理念</div>
      <p class="mt-5" style="text-align:left;" > 郑小Z校园文化致力于打造积极向上、多元开放的成长型校园文化。营造属于新时代高校的特色校园成长文化，使每一位当代青年都能成为优秀接班人，努力践行新时代新青年的责任与担当。</p>
    </div>
  </div>
</section>

<section  style="background-color: aqua;"class="text-center py-5 grey lighten-4" id="about">
  <div class="container">
    <div class="wow fadeIn">
      <h2 class="h1 pt-5 pb-3">小Z运营</h2>
      <p>人事行政部————负责郑小Z人员的总体管理与把控</p>
       <p>媒体运营部————负责职能是郑小Z官方平台的运营和管理，配合其他部门进行线上活动的统筹、策划、实施，提高粉丝粘性，持续吸粉引领</p> 
      <p>综合项目发展部————负责把握郑小Z的总体发展方向，进行战略布局</p>
      <p>品牌创意部————通过文化市场的研究分析，结合团队自身实际情况，打造品牌领导模式，使品牌成为团队整合的源动力 </p> 
      <p>战略执行部————落实并运营小z的项目，将团队里的决策落实，既有日常性的学习小组，也有阶段性的活动；服务好参与活动的会员，提升会员参与度和忠诚度，注重活动的质量
      </p>
       <p>
       信息资源部————深度挖掘以及整合以信息为核心资源的的各类活动要素，产生、获取、处理、存储和使用的有利信息资源，从而实现有效共享的信息资源链
      </p>
      <p>产品研发部————专注于开发专属于郑小Z的官网和小程序<p>
      <p>
        发展储备部————货比三家，联系最优产家，货物购买，物资分配</p>
        <p>品牌战略部————联企业商家资金赞助及政府政策指向，内联校内各组织社团活动与策划，挥洒热血追逐青年梦想，定位战略助梦小z成长</p>

       <p>创意传媒部————创意传媒部主要围绕同学们的校园活动、学习生活、校园景色、身边故事等方面展示新时代大学生的新风采，视频主要发布在抖音平台的“郑能量小天鹅”及“小天鹅的后花园”2个账号</p> 
        <p>项目调研部————项目调研部是郑小Z 校园文化旗下以项目科研、创新、实践为主的研发型部门
      </p>
    </div>
    <div class="row">
      <div class="col-md-4 mb-r wow fadeInUp" data-wow-delay=".3s"><i class="fa fa-dashboard fa-3x orange-text"></i>
        <h3 class="h4 mt-3">学习</h3>
        <p class="mt-3 blue-grey-text">
          A great man once said it is necessary to dill as much as possible, and the more you apply it in real situations, the more natural it will become
        </p>
      </div>
      <div class="col-md-4 mb-r wow fadeInUp" data-wow-delay=".4s"><i class="fa fa-comments-o fa-3x cyan-text"></i>
        <h3 class="h4 mt-3">成长</h3>
        <p class="mt-3 blue-grey-text">
          Confidence is the source of inexhaustible, self-confidence is the surging waves,  self-confidence is the mother of true success
        </p>
      </div>
      <div class="col-md-4 mb-r wow fadeInUp" data-wow-delay=".5s"><i class="fa fa-cubes fa-3x red-text"></i>
        <h3 class="h4 mt-3">实践</h3>
        <p class="mt-3 blue-grey-text">
          When you are young, you will never forget what you learned until you die
        </p>
      </div>
    </div>
  </div>
</section>
<section class="py-5" id="projects">
  <div class="container">
    <div class="wow fadeIn">
      <h2 class="text-center h1 my-4">小Z成果</h2>
      <p class="px-5 mb-5 pb-3 lead blue-grey-text text-center">
        在这里你会遇见不一样的自己
      </p>
    </div>
    <div class="row wow fadeInLeft" data-wow-delay=".3s">
      <div class="col-lg-6 col-xl-5 pr-lg-5 pb-5"><img class="img-fluid rounded z-depth-2"  src="img/xiaoza.jpg" alt="project image"/></div>
      <div class="col-lg-6 col-xl-7 pl-lg-5 pb-4">
        <div class="row mb-3">
          <div class="col-1 mr-1"><i class="fa fa-book fa-2x cyan-text"></i></div>
          <div class="col-10">
            <h5 class="font-bold">21天成长训练营</h5>
            <p class="grey-text">
              以成长为希冀，以自律为曙光。21天成长训练营，旨在为有成长想法，想要学习但自制力较弱的同学提供服务。希望郑大人都能与优秀同行，遇见更好的自己。
            </p>
          </div>
        </div>
        <div class="row mb-3">
          <div class="col-1 mr-1"><i class="fa fa-code fa-2x red-text"></i></div>
          <div class="col-10">
            <h5 class="font-bold">小Z主题晚会</h5>
            <p class="grey-text">
              初雪为欢谣，再雪犹喜视。2019年初雪的晚上，小Z举办了“情归郑大 予你愉我”主题晚会，异彩纷呈，郑大人的浓浓爱意与热情似火也让这一晚变得更温馨。
            </p>
          </div>
        </div>
        <div class="row">
          <div class="col-1 mr-1"><i class="fa fa-money fa-2x deep-purple-text"></i></div>
          <div class="col-10">
            <h5 class="font-bold">“云赏樱”、“樱为你”大赛</h5>
            <p class="grey-text">
              在春花烂漫、遍地春光的时节，虽然不能亲临校园观赏美景，但是这次“云赏樱”画展赛却给我们提供了一个享受明媚春光的契机，也“唤起了那年春的记忆”。
            </p>
          </div>
        </div>
      </div>
    </div>
    <hr/>
    <div class="row pt-5 wow fadeInRight" data-wow-delay=".3s">
      <div class="col-lg-6 col-xl-7 mb-3">
        <div class="row mb-3">
          <div class="col-1 mr-1"><i class="fa fa-bar-chart fa-2x indigo-text"></i></div>
          <div class="col-10">
            <h5 class="font-bold">2019中秋诗词大会</h5>
            <p class="grey-text">
              中秋月明之际，在 “匆匆那年”的舞台上，吟咏着古典诗词，品味着传统美食，正是小Z传承诗词文明与华夏之美的初心所在。
            </p>
          </div>
        </div>
        <div class="row mb-3">
          <div class="col-1 mr-1"><i class="fa fa-music fa-2x pink-text"></i></div>
          <div class="col-10">
            <h5 class="font-bold">学习小组计划</h5>
            <p class="grey-text">
              在21天的交流和学习分享中共同进步，甩掉拖延，变成一个真正的行动派！小Z在这里陪你高效学习，规律作息，拥有自律人生！
            </p>
          </div>
        </div>
        <div class="row mb-3">
          <div class="col-1 mr-1"><i class="fa fa-smile-o fa-2x blue-text"></i></div>
          <div class="col-10">
            <h5 class="font-bold">保研大咖分享大会</h5>
            <p class="grey-text">
              定期邀请优秀学长学姐分享学习经验和比赛经验，是对优秀资源的传承，而勤奋与执着更是小Z成员的真正特色。
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-6 col-xl-5 mb-3"><img class="img-fluid rounded z-depth-2" src="img\mmexport1596021205157.jpg" alt="project image"/></div>
    </div>
  </div>
</section>
<section class="text-center py-5 indigo darken-1 text-white" id="pricing">
  <div class="container">
    <div class="wow fadeIn">
      <h2 class="h1 pt-5 pb-3">小Z目标</h2>
      <p class="px-5 mb-5 pb-3 lead">
        努力让郑小Z成为全国最大的成长型校园文化平台
      </p>
    </div>
    <div class="row wow zoomIn">
      <div class="col-lg-4 col-md-12 mb-r">
        <div class="card card-image">
          <div class="text-white text-center pricing-card d-flex align-items-center rgba-stylish-strong py-3 px-3 rounded">
            <div class="card-body">
              <div class="h5">Grow up</div>
              <div class="py-5"><sup class="display-4"></sup><span class="display-1">成长<span class="display-4"></span></div>
              <ul class="list-unstyled">
                <li>
                  <p><strong>1</strong> 那些光阴的故事，全被折进了书页的某个章节。它们会在你某一次翻开书的时候不小心滑落，告诉你不要遗忘。你只要安静地把它们重新折回书里就可以了。然后，抬头微笑，慢慢成长。</p>
                </li>
                <li>
                  <p><strong>2</strong>遇到挫折的时候，其实自己心里都没所谓，就是怕父母和身后的人失望。都想成长得快些，却又磕磕绊绊。或许磕磕绊绊才是常态，说明你在向前走。往前走不一定会遇到好事，但不往前可能会起不来。随着成长，留下的越来越少，但也越来越重要。</p>
                </li>
                  
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-12 mb-r">
        <div class="card card-image">
          <div class="text-white text-center pricing-card d-flex align-items-center rgba-teal-strong py-3 px-3 rounded">
            <div class="card-body">
              <div class="h5">Public welfare</div>
              <div class="py-5"><sup class="display-4"></sup><span class="display-1">公益</span><span class="display-4"></span></div>
              <ul class="list-unstyled">
                <li>
                  <p><strong>1</strong> 生活没有彩排，人生也没有彩排。总会有些时候，满心期待换来的是失望或者是不体谅。环顾四周，似乎只有你自己在徘徊。努力了好像还是看不见希望。你甚至一度认为，没有人比你更加的不如意了。渐渐的，你会开始不自信不勇敢不愿向前。然而，每当这个时候，你都能在心中听到一个声音，清晰而坚定 再来一次。 当生活的哨声响起，再一次，选择责任与担当；再一次，为成长积蓄力量；再一次，为了更多人能分享阳光；再一次，坚守心中的完美，是成长。
                  </p>
                </li>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-12 mb-r">
        <div class="card card-image">
          <div class="text-white text-center pricing-card d-flex align-items-center rgba-red-strong py-3 px-3 rounded">
            <div class="card-body">
              <div class="h5">Share</div>
              <div class="py-5"><sup class="display-4"></sup><span class="display-1">共享</span><span class="display-4"></span></div>
              <ul class="list-unstyled">
                <li>
                  <p><strong>1</strong> 人生就像一杯茶，不会苦一辈子，但总会苦一阵子。好咖啡要和朋友一起品尝，好机会也要和朋友一起分享。</p>
                </li>
                <li>
                  <p><strong>3</strong> 我们必须与其它生命共同分享我如果你把快乐告诉一个朋友，你将得到两个快乐，而如果你把忧愁向一个朋友倾诉，你将被分掉一半忧愁。</p>
                </li>
                <li>
                  <p><strong>4</strong>快乐不是件奇怪的东西，绝不因为你分给了别人而减少。有时你分给别人的越多，自己得到的也越多。</p>
                </li>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="py-5" id="team">
  <div class="container">
    <div class="wow fadeIn">
      <h2 class="h1 pt-5 pb-3 text-center">部门之星</h2>
      <p class="px-5 mb-5 pb-3 lead text-center blue-grey-text">
        青春是梦想与希望的原野  少年是原野上翱翔的鸟、闪耀的星 </p>
               <p class="px-5 mb-5 pb-3 lead text-center blue-grey-text">我与你与他 在此意气风发</p> 
        <p class="px-5 mb-5 pb-3 lead text-center blue-grey-text"> 你们见证了小z的成长 小z看见了你们的光芒
      </p>
    </div>
    <div class="row mb-lg-4 center-on-small-only">
      <div class="col-lg-6 col-md-12 mb-r wow fadeInLeft" data-wow-delay=".3s">
        <div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-1 mb-3" src="img/1.jpg" alt="team member"/></div>
        <div class="col-md-6 float-right">
          <div class="h4">张亚宁</div>
          <h6 class="font-bold blue-grey-text mb-4">项目调研部</h6>
          <p class="grey-text">愿你在小Z的这段时间里，能在与大家的相处之中汲取自己所需要的养分，努力成长，Be yourself，让优秀成为一种习惯！未来的日子里，人事部及小Z的小伙伴们将会不离不弃，陪你共同进步！不论何时何地，面对怎样的困难，请记住一句话——爱拼才会赢！</p><a href="#" target="_blank"><i class="fa fa-twitter"></i><span class="ml-1"></span></a>
        </div>
      </div>
      <div class="col-lg-6 col-md-12 mb-r wow fadeInRight" data-wow-delay=".3s">
        <div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-1 mb-3" src="img\1596093009642.jpg" alt="team member"/></div>
        <div class="col-md-6 float-right">
          <div class="h4"> 王淼</div>
          <h6 class="font-bold blue-grey-text mb-4">信息资源部</h6>
          <p class="grey-text">希望淼淼在小Z继续突破自我，完成更多未曾做过的事情。希望小天鹅们都能在小Z中找到快乐做事的方法。作为传播积极向上校园文化的小Z成员，希望我们每个人都能有“为天地立心，为生民立命，为往圣继绝学，为万世开太平”的心境。</p><a href="#" target="_blank"><i class="fa fa-twitter"></i><span class="ml-1"></span></a>
        </div>
      </div>
    </div>
    <div class="row center-on-small-only">
      <div class="col-lg-6 col-md-12 mb-r wow fadeInLeft" data-wow-delay=".3s">
        <div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-1 mb-3" src="img/9.jpg" alt="team member"/></div>
        <div class="col-md-6 float-right">
          <div class="h4">杨琦</div>
          <h6 class="font-bold blue-grey-text mb-4">创意传媒部（编导部) </h6>
          <p class="grey-text">论在编导部还是短视频部，你都是我们部门里一个优秀的存在，厉害的帮手！同时希望小Z能够成为你大学生活的美好回忆，遇到问题不用担心，背后还有学长学姐们可以依靠，也希望我们一起努力，可以在小Z共同成长，在短视频的领域能够横刀立马，做出有希望有梦想有情怀的视频，未来的日子有诗有酒有远方！</p><a href="#" target="_blank"> <i class="fa fa-twitter"></i><span class="ml-1"></span></a>
        </div>
      </div>
      <div class="col-lg-6 col-md-12 mb-r wow fadeInRight" data-wow-delay=".3s">
        <div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-1 mb-3" src="img/6.jpg" alt="team member"/></div>
        <div class="col-md-6 float-right">
          <div class="h4">马洁</div>
          <h6 class="font-bold blue-grey-text mb-4">创意传媒部（演员部）</h6>
          <p class="grey-text">加入视频组，我们就是一个大家庭啦！从此以后，你不是一个人孤军奋战，你会有整个小z陪着你。天道酬勤从来不会有错，上天永远不会辜负一个真正努力的人。努力带来的成功可能会迟到，但永远不会缺席。马洁同学要记得一直一直努力奥，因为你和小z约定好了要一起成为the best one!</p><a href="#" target="_blank"><i class="fa fa-twitter"></i><span class="ml-1"></span></a>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="contact" style="background-image:url('img/mmexport1596021091676.jpg');">
  <div class="rgba-black-strong py-5">
    <div class="container">
      <div class="wow fadeIn">
        <h2 class="h1 text-white pt-5 pb-3 text-center">联系我们</h2>
        <p class="text-white px-5 mb-5 pb-3 lead text-center">
                   欢迎加入郑小Z 校园文化大家庭  
        </p>
      </div>
      <div class="card mb-5 wow fadeInUp" data-wow-delay=".4s">
        <div class="card-body p-5">
          <div class="row">
            <div class="col-md-8">
              <form action="#" method="POST">
                <div class="row">
                  <div class="col-md-6">
                    <div class="md-form">
                      <input class="form-control" id="name" type="text" name="name" required="required"/>
                      <label for="name">姓名/Your name </label>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="md-form">
                      <input class="form-control" id="email" type="text" name="_replyto" required="required"/>
                      <label for="email">电子邮箱/Your email</label>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <div class="md-form">
                      <input class="form-control" id="subject" type="text" name="subject" required="required"/>
                      <label for="subject">您的电话/Your phone</label>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="md-form">
                      <textarea class="md-textarea" id="message" name="message" required></textarea>
                      <label for="message">留言/Leave a message</label>
                    </div>
                  </div>
                </div>
                <div class="center-on-small-only mb-4">
                  <button class="btn btn-indigo ml-0" type="submit"><i class="fa fa-paper-plane-o mr-2"></i> Send</button>
                </div>
              </form>
            </div>
            <div class="col-md-4">
              <ul class="list-unstyled text-center">
                <li class="mt-4"><i class="fa fa-map-marker indigo-text fa-2x"></i>
                  <p class="mt-2">河南郑州大学新校区</p>
                </li>
                <li class="mt-4"><i class="fa fa-phone indigo-text fa-2x"></i>
                  <p class="mt-2">+ 13253573124</p>
                </li>
                <li class="mt-4"><i class="fa fa-envelope indigo-text fa-2x"></i>
                  <p class="mt-2">RYY954956432@163.com
                  </p>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section></div>
    <footer class="page-footer indigo darken-2 center-on-small-only pt-0 mt-0">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="mb-5 flex-center"><a class="px-3"><i class="fa fa-facebook fa-lg white-text"></i></a><a class="px-3"><i class="fa fa-twitter fa-lg white-text"></i></a><a class="px-3"><i class="fa fa-google-plus fa-lg white-text"></i></a><a class="px-3"><i class="fa fa-linkedin fa-lg white-text"></i></a></div>
          </div>
        </div>
      </div>
      <div class="footer-copyright">
        <div class="container-fluid">
        </div>
      </div>
    </footer>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/popper.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/mdb.min.js"></script>
    <script>new WOW().init();</script>
  </body>
</html>